.l-exchange-msg{
	padding:13px 0 72px 0;
	width: 100%;
	background-color: #F5F5F5;
}

.l-list-width{
	max-width: 1240px;
	width: 100%;
	background-color: #FFFFFF;
}

.l-content{
	padding: 20px;
	padding-top: 0;
	margin-top: -20px;
	padding-bottom: 40px;
	font-size: 14px;
}

.l-avatar{
	width: 40px;
	height: 40px;
}

.l-window{
	width: 567px;
	font-size: 12px;
	background:rgba(245,245,245,1);
	border:1px solid rgba(231,231,231,1);
}

.l-window-import,
.l-window-body{
	width: 100%;
	padding: 20px;
}

.l-window-body{
	height: 622px;
	overflow-y: auto;
}

.l-msg-item{
	margin-bottom: 20px;
}

.l-msg-date{
	width: 100%;
	text-align: center;
	color: #A2A7B0;
}

.l-msg-name{
	margin-bottom: 5px;
}

.l-msg-body{
	position: relative;
}

.l-msg-content{
	background:rgba(61,110,255,1);
	border-radius:8px 0px 8px 8px;
	color: #FFFFFF;
	padding: 10px;
	line-height: 20px;
}

.l-msg-avatar{
	width: 32px;
	height: 32px;
}

.l-window-import{
	height: 140px;
	border-top: 1px solid #E7E7E7;
	position: relative;
	padding-top: 0;
}

.l-window-handle{
	padding: 13px 0;
}

.l-window-handle img{
	margin-right: 18px;
}

.l-send-btn{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width:60px;
	height:26px;
	border-radius:4px;
	font-size: 12px;
	color: #333333;
	border:1px solid rgba(217,217,217,1);
}


/* 控制左右 */

.l-msg-right .l-msg-name{
	text-align: right;
	margin-right: 42px;
}

.l-msg-right .l-msg-avatar{
	margin-left: 10px;
}

.l-msg-left .l-msg-name{
	margin-left: 42px;
}

.l-msg-left .l-msg-avatar{
	margin-right: 10px;
}

.l-msg-left .l-msg-content{
	background-color: #FFFFFF;
	border-radius: 0px 8px 8px 8px;
	color: #333333;
}

@media (max-width: 1199px) { 
	.l-window{
		width: 100%;
	}
	
	.l-content{
		margin-top: -32px;
		padding: 0;
	}
	
	.l-window-body{
		height: 420px;
	}
	
	.l-exchange-msg{
		background-color: #FFFFFF;
	}
}

@media (max-width: 1024px) { 
	.l-exchange-msg{
		padding: 0;
	}
}

@media (max-width: 425px) {
	.l-card{
		width: 100%;
		margin-right: 0;
	}
	.l-help-desk-img{
		width: 48%;
	}
}